﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page isELIgnored="false" %> 

<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<link type="text/css" rel="stylesheet" href="<%=path%>/includes/css/commonStyle.css"/> 
<link type="text/css" rel="stylesheet" href="<%=path%>/includes/styleBase/css/styleBase.css"/>
<link type="text/css" rel="stylesheet" href="<%=path%>/includes/styleBase/css/ostable.css" />
<link type="text/css" rel="stylesheet" href="<%=path%>/includes/styleBase/css/tab.css" />




<script type='text/javascript' src="<%=path%>/includes/FusionCharts/js/FusionCharts.js"></script>
<script type='text/javascript' src="<%=path%>/includes/FusionCharts/js/FusionChartsExportComponent.js"></script>

<script type='text/javascript' src="<%=path%>/includes/js/jquery.js"></script>
<script type="text/javascript" src="<%=path%>/includes/styleBase/js/style.js"></script>
<script type="text/javascript" src="<%=path%>/includes/DatePicker/WdatePicker.js"></script>

<title>科技成果应用状态分布统计</title>
 
<script type="text/javascript">
$("document").ready(function()
{
	//showFusionChart('Column3D','<%=path%>/stat/demoxml/signReport_3_Column3D.xml','chartdiv','600','500');
	
	showFusionChart('MSColumn3D','<%=path%>/stat/xml/MS3D_08.xml','chartdiv','99%','270');
	
	showFusionChart('Pie3D','<%=path%>/stat/xml/Pie3D_8.xml','chartdiv2','450','270');
	//初始化页签
	initHorizontalTab();
}); 

function zuanqu(){
	//alert('234234');
	showFusionChart('Pie3D','<%=path%>/stat/xml/ZQ_Pie3D_8.xml','chartdiv','450','270');
}

function restat1(){
	showFusionChart('MSColumn3D','<%=path%>/stat/xml/MS3D_08.xml','chartdiv','99%','270');
}

function restat2(){
	showFusionChart('Pie3D','<%=path%>/stat/xml/Pie3D_8.xml','chartdiv2','450','270');
}


</script>

</head>
<body>
<form id="search">
	 

<div class="titleDiv">
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="text-align:left;">
    <tr>
      <td class="box_top_left">&nbsp;</td>
      <td class="box_top_center">科技成果应用状态分布统计</td>
      <td class="box_top_right">&nbsp;</td>
    </tr>
  </table>
</div>
	 
<div class="infoDiv">
  <table border="0" cellpadding="0" cellspacing="0" class="trHeightTable">
    <tr>
      <td class="leftTipArea">时间范围</td>
      <td>
      <input id="month" class="textInput" value="2008" style="width:80px;cursor:pointer;" onclick="WdatePicker({dateFmt:'yyyy'})"/>
      至
      <input id="month" class="textInput" value="2011" style="width:80px;cursor:pointer;" onclick="WdatePicker({dateFmt:'yyyy'})"/>
  	  </td>
  	  <td style="width:40px;">
  	  </td>
  	  <td class="leftTipArea">
  	  	<a href="#2010" class="imgButton" onclick="location.reload();"><span>查询</span></a>
  	  </td>
    </tr>
  </table>
</div>
	 
	 
	 
	 
	 
	 <div class="titleDiv" id="titleDiv">
				<table width="100%" cellpadding="0" cellspacing="0" border="0" style="text-align:left;">
					<tr>
						<td class="box_top_left">&nbsp;</td>
						<td class="box_top_center">科技成果应用状态分布统计表</td>
						<td class="box_top_right">&nbsp;</td>
					</tr>
				</table>
	  </div>
	  <div id="countDiv" style="height:90px;overflow:auto;border-left:1px solid #CFDBDB;border-right:1px solid #CFDBDB;">
	  		<div style="height:2px;"></div>
			<table class="table-grid" border="0" cellpadding="0" cellspacing="1" width="99%" style="margin:2px;margin-top:0px;">
				<tr>
					<td  class="itemTitle" width="140px;" >内容／应用状态</td>
					<td class="itemTitle" width="" >稳定应用</td>
					<td class="itemTitle" width="" >应用后停用</td>
					<td class="itemTitle" width="" >未应用</td>
				</tr>
				 
				<tr>
					<td class="itemTitle" >登记项目成果数（项）</td>
					<td>124</td>
					<td>324</td>
					<td>262</td>
				</tr>
				<tr>
					<td class="itemTitle">所占比例</td>
					<td>20.03%</td>
					<td>44.21%</td>
					<td>35.76%</td>
				</tr>
			</table>
		
	</div>
	<div class="titleDiv" style="line-height:10px;">
			<table width="100%" cellpadding="0" cellspacing="0" border="0" style="font-size:6px;">
				<tr>
					<td class="box_bottom_left">&nbsp;</td>
					<td class="box_bottom_center">&nbsp;</td>
					<td class="box_bottom_right">&nbsp;</td>
				</tr>
			</table>
	</div>
	<div style="margin-top:5px;"></div>
	
	
	
<div class="titleDiv">
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="text-align:left;">
          <tr>
            <td class="box_top_left">&nbsp;</td>
            <td class="box_top_center">科技成果应用状态分布统计图</td>
            <td class="box_top_right">&nbsp;</td>
          </tr>
        </table>
</div>
      
<div class="contentBox">
	<div id="horizontaltab" class="horizontaltab">
        <ul>
            <li onclick="restat1();">柱状图</li>
            <li onclick="restat2();" style="width:auto">饼状图</li>
      </ul> 
    </div>
    <div id="horizontaltabcontent" class="horizontaltab-content" style="height:270px;border-left-width:0px;border-right-width:0px; border-bottom-width:0px;">
        <div class="tabContent">
        	<div id="chartdiv" align="center" style=""></div>
        </div>
        <div class="tabContent">
            <div id="chartdiv2" align="left" style="margin-left:200px;"></div>
        </div>
	</div>
</div>
	
	
	
	
</form>
</body> 
</html>